.head{overflow: hidden;width: 900px;margin:0 auto;margin-top: 78px;}
.head p{float: right; margin-top: 10px;color: #8e8c8c;font-size: 15px;}
.head p a{float: right;text-decoration: underline;color: #ff564a;font-size: 15px;}
.content{bottom: 0; position: absolute; top: 130px; width: 100%; height: 66%;}
.focus {width:100%; height:100%; overflow:hidden; position:relative;}
.focus ul {height:100%; position:absolute;}
.focus ul li {float:left; width:50%;overflow:hidden; position:relative; }
.focus .preNext {width:26px; height:26px;  position:absolute; bottom:10%; cursor:pointer;}
.focus .pre {right:22%;background: url(../images/index/icon.png) -28px -126px;}
.focus .next {right:20%; background: url(../images/index/icon.png) -28px -100px;}
.design{z-index: 999;width: 294px;position:absolute;right:18%;top:10%;height: 370px;background: #f8f9fa;border-radius: 6px;}
.design form {text-align: center;height: 96%;}
.design form ul{height: 89%;}
.design form  h2{font-weight: normal;font-size: 15px;line-height: 60px;}
.design form  li .in{width: 200px; height:32px;border-radius: 6px; border:1px solid #ccc; margin-bottom: 20px;}
.design form  li .bg1{ background:url(../images/index/账户.png) 10px no-repeat;border: 1px solid #ccc; padding-left: 40px;}
.design form  li .bg2{ background:url(../images/index/密码.png) 10px  no-repeat;border: 1px solid #ccc; padding-left: 40px;}
.design form   .ch input{float: left; margin-left:32px;}
.design form   .ch span{float: left;margin-top:-2px;margin-left: 5px;}
.desi input{width: 244px;height: 32px;background: #e60012;border:none;color: #fff;margin-top: 20px;margin-bottom: 20px;border-radius: 6px;cursor: pointer;}
form ul li a {float: left;width:24%;}
form ul li a:nth-child(2){width: 10%;}
.error{ border-color:#f00 !important;}
.ind {height: 24%;}
.ind p{text-align: left;padding-left: 20px;color: #666;}
.foot{width: 900px;margin: 0 auto;}
.bg3{background: #dbe0e6; width: 100%;}
.bg4{background: #3eccc0;width: 100%;}
.bg5{width:26%;float: left;height: 580px;}
.bg6{width: 40%; float: right;height: 580px;}

.bg7{background:red;width: 100%;}

form .timess{width:80%;margin-left:10%;border-radius:6px;height:30px;border: 1px solid #dcd4aa;  background: #f9f9ea;color: #dc9632;}
form .timess img{float: left;padding: 8px;}
form .timess p{float: left;height:30px;line-height:30px;padding-left: 4px;}
/*底部*/
.footer{clear:both;height: 190px;min-width:980px;width:100%;background: #fff;margin-top: 10px;position: absolute;bottom: 0;}
.footer p{margin:0;padding:0;margin-top: 10px; width: 90%; text-align: center;line-height: 40px;color: #5b6e84;}
.footer a{height: 20px;width: 20px;border-radius: 20px;background: #d5d7de;color: #5b6e84; text-align: center;line-height: 14px;position:absolute;right: 100px;bottom:10px;}

/** {border:1px solid #f0f;}*/
/* 适配 */
@media (max-height: 510px){
 .head {width: 100%; margin-top: 8px;}
 .content {top: 50px; height: 80%;}
 .focus .preNext {width:26px; bottom: 4%; background: url(../images/index/icon.png) -27px -100px;}
 .focus .pre {right:25%;}
 .design{width: 240px; right:15%; top:5%; height: 280px;}
 .design form  h2{line-height: 30px;}
 .design form li .in {width: 170px; height: 28px;margin-bottom: 10px;}
 .desi input{width: 214px;height: 28px;margin-top: 10px;margin-bottom: 10px;}
 .design form ul{height: 85%;}
 form ul li a {width: 30%;}
 /* 底部 */
 .footer {height: 40px; margin-top: 5px;min-width: 800px;}
 .foot {width: 100%;}
 .footer p {margin-top: 10px; line-height: 30px;}
}

@media (min-height: 511px){
 .head {width: 100%; margin-top: 15px;}
 .content {top: 66px; height: 74%;}
 .focus .preNext {width:26px; bottom: 7%; background: url(../images/index/icon.png) -27px -100px;}
 .focus .pre {right:25%;}
 .design{width: 240px; right:15%; top:5%; height: 300px;}
 .design form  h2{line-height: 30px;}
 .design form li .in {width: 170px; height: 28px;margin-bottom: 12px;}
 .desi input{width: 214px;height: 28px;margin-top: 12px;margin-bottom: 12px;}
 .design form ul{height: 85%;}
 form ul li a {width: 30%;}
 /* 底部 */
 .footer {height: 60px; margin-top: 5px;min-width: 800px;}
 .foot {width: 100%;}
 .footer p {margin-top: 10px; line-height: 30px;}
}
@media (min-height: 571px){
 .head {width: 900px; margin-top: 25px;}
 .content {top: 84px; height: 68%;}
 .focus .preNext {bottom: 6%;}
 .design{width: 260px;height: 320px;}
 .design form li .in {width: 180px; height: 30px;margin-bottom: 14px;}
 .desi input{width: 224px;height: 30px;margin-top: 14px;margin-bottom: 14px;}
 /* 底部 */
 .footer {height: 80px;}
 .foot {width: 900px;}
}
@media (min-height: 721px){
 .head {margin-top: 52px;}
 .content {top: 104px; height: 66%;}
 .focus .preNext {bottom: 10%;}
 .focus .pre {right:23%;}
 .design{width: 280px;height: 350px; top: 7%;}
 .design form  h2{line-height: 42px;}
 .design form li .in {width: 190px; height: 32px;margin-bottom: 16px;}
 .desi input{width: 234px;height: 32px;margin-top: 16px;margin-bottom: 16px;}
 .design form ul{height: 89%;}
 form ul li a {width: 25%;}
 /* 底部 */
 .footer {height: 120px; margin-top: 5px;}
 .footer p {line-height: 40px;}
}
@media (min-height: 781px){
 .head {margin-top: 68px;}
 .content {top: 120px;}
 .design{width: 294px;height: 370px; top: 10%;}
 .design form  h2{line-height: 60px;}
 .design form li .in {width: 200px; margin-bottom: 20px;}
 .desi input{width: 244px;margin-top: 20px;margin-bottom: 20px;}
 form ul li a {width: 24%;}
 /* 底部 */
 .footer {height: 160px; margin-top: 5px;}
}
@media (min-height: 850px){
 .head {margin-top: 78px;}
 .content {top: 130px;}
 /* 底部 */
 .footer {height: 190px; margin-top: 10px;}
}


